Canvas resize

[mrFlyer]

Здравствуйте.

Нужна ваша помощь =(, так как с явой у меня что то очень печально.

Пытаюсь осилить ресайз изображения через canvas.

Сама функция вопросов не вызывает:

function fileResize(image){
    var canvas      = document.createElement('canvas');
    var ctx         = canvas.getContext("2d");      
    var newImage    = new Image();
    newImage.onload     = function(){
 
        canvas.width    = 300;
        canvas.height   = 300; 
            
        ctx.drawImage(this, 0, 0, 300, 300);
                // В этом месте измененное изображение показывается.
                //document.getElementById("testIMG").src    =   canvas.toDataURL('image/jpeg');
    }
    newImage.src    =   image.result;
}

Но не могу понять как потом получить само это изображение, вне функции. Те что бы получилось что то типа этого:

resizedImage    =   fileResize(image);
document.getElementById("testIMG").src  =   resizedImage.src;

Максимально успешный мой результат, это просто черный прямоугольник ...
Заранее спасибо за помощь!

[рони]

mrFlyer,
Работа с изображением

[mrFlyer]

mrFlyer,
Работа с изображением

Сама функция работает ... и вопрос тривиальный, но что то не могу на него получить ответ 3тий день на форумах. Мне нужно получить картинку в переменную, после ее работы, а не показать сразу в браузере пользователю.

[рони]

mrFlyer,
4 пост там строка 15

[mrFlyer]

mrFlyer,
4 пост там строка 15

Сделал так:

function fileResize(image){
	var canvas 		= document.createElement('canvas');
	var ctx 		= canvas.getContext("2d");		
	var newImage 	= new Image();
	newImage.onload 	= function(){
		canvas.width 	= 300;
		canvas.height 	= 300; 			
		ctx.drawImage(this, 0, 0, 300, 300);
		return ctx.getImageData(0, 0, 300, 300);	
	}
	newImage.src	= 	image.result;

	
	document.getElementById("testIMG").src	=	newImage.src;
}

"testIMG" отрисовал оригинальное изображение, а не урезанное. =(

[рони]

mrFlyer,
результат будет асинхронно вам просто надо учесть этот момент и поставить нужную функцию в 12 строке ваш 1 пост